.cattle-health {
    width: 100%;

    .info {
        width: 100%;
        height: 320rpx;
        background: skyblue;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 40rpx;

        .avatar {
            width: 160rpx;
            height: 160rpx;
            background: #f44;
            border: 12rpx solid #fff;
            border-radius: 50%;

            text-align: center;
            line-height: 160rpx;

        }
    }

    .activity {
        width: 100%;
        height: 60rpx;
        background: #EFEFEF;
        padding-left: 33rpx;
        font-size: 24rpx;
        color: #666666;
        line-height: 60rpx;
    }

    .activity-charts {
        width: 100%;
        height: 201rpx;
        display: flex;

        line-height: 201rpx;
        font-size: 36rpx;
        color: #FF6600;

        .title {
            margin-left: 108rpx;
        }

        .img {
            width: 155rpx;
            height: 158rpx;
            margin-left: 337rpx;
            background: url('../../assets//images/activity.png');
            background-size: 100%;
            background-repeat: no-repeat;
        }
    }

    .index {
        width: 100%;
        height: 444rpx;
        display: flex;
        justify-content: space-evenly;
        align-items: center;

        .chart {
            width: 290rpx;
            height: 290rpx;
            background: skyblue;
            border: 10rpx solid #DEDEDE;
            border-radius: 50%;
        }
    }
}